/**
 * Created by 赖颖 on 2018/12/5.
 */
@import "../common";

.header_box{
  width:100%;
  height:100%;
  // border-bottom: 1px solid $border-color-default;
  .slide_btn{
    display: flex;
    width: 40px;
    height:49px;
    align-items: center;
    // line-height: 49px;
    // border-right: 1px solid $border-color-default;
    font-size: 22px;
    color: $color-gray-3;
    padding-left: 10px;
    text-align: center;
  }
  .mininav{
    display: inline;
    float: right;
    dl{
      margin: 0;
      dd{
        display: inline;
        float: left;
        margin:0 24px 0 0;
        a{
          position: relative;
          display: inline-block;
          height: 49px;
          line-height: 49px;
          text-align: center;
          i{
            font-size: 22px;
            color: $color-gray-2;
          }
          .fa-bell{
            font-size: 20px;
          }
        }


        .el-dropdown{
          margin-top: 10px;
          .el-dropdown-link{
            display: block;
            padding:2px 6px 1px 2px;
            border: 1px solid $border-color-default;
            border-radius: 12px;
            background-color: #f8f5f5;
            font-size: $font-size-default;
            color: $color-black;
            .fa-user-circle{
              margin-right: 6px;
              font-size: 18px;
              color: $color-green;
            }
            .fa-caret-down{
              margin-left: 6px;
            }
          }
        }
      }
    }
    .remind em{
      position: absolute;
      top: 5px;
      left: 10px;
      display:inline-block;
      min-width: 17px;
      height: 17px;
      line-height: 17px;
      border-radius: 8px;
      background-color: #ea5504;
      font-style: normal;
      font-size: 12px;
      color: #fff;
    }
  }
}
.el-dropdown i{
  margin-right: 5px;
}
.chat-container{
  position: absolute;
  left:0; right:0; top:0; bottom:0;
  margin:auto;
  height: 600px;
  z-index: 999;
  width: 1060px;
  background: #FFFFFF;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.esign{
  border: solid 2px;
  border-radius: 8px;
}
